<template>
  <div>
    <ul>
      <li v-for="(item, key) in obj" :key="key">{{ key }} -- {{ item }}</li>
    </ul>

    <hr />
    <ul>
      <li v-for="(item, index) in count" :key="index">
        {{ item }} -- {{ index }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        name: "张三",
        age: 25,
        gender: "男",
      },
      count: 10,
    };
  },
};
</script>

<style scoped></style>
